<!DOCTYPE html>
<html lang="en">
<head><!--head 用来引入样式文件、JS库-->
    <meta charset="UTF-8">
    <title>watch computed</title>
    <script src="https://cdn.bootcss.com/vue/2.6.7/vue.min.js"></script>
</head>
<body>
<div id="app">
    <div v-if="count > 5">count > 5</div>
    <div v-else-if="count > 0 && count <= 4">count 在 0-4</div>
    <div v-else>count = {{count}}</div>
    <div v-show="count == -1">show = {{count}}</div>
</div>
<script>
    var app = new Vue({
        el: '#app',
        data: {
            msg: 'A!',
            count: 0
        }
    })
</script>
</body>
</html>







































